<template>
  <view> ref操作dom元素： </view>
  <h1 ref="hRef">我是标题</h1>
  <button @click="clickFn">点击修改</button>
</template>

<script setup>
  // 定义一个响应式对象
  import { ref } from 'vue'
  const hRef = ref(null)

  function clickFn() {
    // 等价于dom操作
    hRef.value.innerText = '我是被更新以后的标题'
  }
</script>

<style lang="scss"></style>
